<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <!-- @@include ./template/link.html -->
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css" />
    <link rel="stylesheet" href="./css/baicaijia.min.css" />
  </head>
  <body>
    <header class="countheader">
      <div class="fl logo">
        <a href="javascript:;">白菜价-淘宝内部劵</a>
      </div>
      <div class="fr app">
        <a href="javascript:;">
          <img src="./images/header_app.png" alt="" />
        </a>
      </div>
    </header>
    <div class="main">
      <div class="baicai-nav pr clearfix">
        <div
          class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"
        >
          <div class="mui-scroll">
            <!--这里放置真实显示的DOM内容-->
            <div class="ul-wrap">
              <ul class="tabs clearfix" style="overflow: auto;"></ul>
            </div>
          </div>
        </div>
      </div>
      <div class="baicai-content clearfix">
        <ul></ul>
      </div>
      <!-- @@include ./template/footer.html -->
    </div>
    <script src="./lib/mui/js/mui.js"></script>
    <script src="./js/baicaijia.min.js"></script>
    <!-- nav栏渲染 -->
    <script type="text/html" id="navTmp">
      {{each result v i}}
        <li data-id="{{v.titleId}}"><a>{{v.title}}</a></li>
      {{/each}}
    </script>
    <!-- 列表渲染 -->
    <script type="text/html" id="listTmp">
      {{each result v i}}
      <li>
          <a href="javascript:;">
          <div class="pic">
              <img
              src="{{v.productImg}}"
              alt=""
              />
          </div>
          <div class="info">
              <div class="tit">{{v.productName}}</div>
              <div class="price">券后¥{{v.newPrice}}<del>{{v.oldPrice}}</del></div>
              <div class="progress">
              <i>
                  <em></em>
                  <span>{{v.progress}}</span>
              </i>
              <b>已领{{v.tickets}}张</b>
              </div>
              <div class="links clearfix">
              <div href="javascript:;" class="t fl">点此领10元优惠券</div>
              <div href="javascript:;" class="b fr">下单链接</div>
              </div>
          </div>
          </a>
      </li>
      {{/each}}
    </script>
  </body>
</html>
